<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="网易严选,严选,网易优选,网易甄选,网易优品,网易精选,甄选家,严选态度" />
    <meta name="description" content="网易严选秉承网易一贯的严谨态度，深入世界各地，严格把关所有商品的产地、工艺、原材料，甄选居家、厨房、饮食等各类商品，力求给你最优质的商品。" />
    <title>网易严选 - 以严谨的态度，为中国消费者甄选天下优品</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/iconfont.css">
</head>

<body>
    <!-- 头部导航 -->
    <div class="top-nav">
        <div class="layout nav">
            <ul>
                <li> <a href="#">登录/注册 </a></li>
                <li> <a href="#">我的订单 </a></li>
                <li> <a href="#">会员 </a></li>
                <li> <a href="#">甄选家 </a></li>
                <li> <a href="#">企业采购 <span class="iconfont icon-jiantou-copy-copy nav-down"></span></a></li>
                <li> <a href="#">客户服务 <span class="iconfont icon-jiantou-copy-copy nav-down"></span></a></li>
                <li> <a href="#" class="lin"><i class="iconfont icon-shouji nav-app"></i>APP</a></li>

            </ul>
        </div>

    </div>
    <!-- 搜索栏 -->
    <div class="top">
        <div class="top-search ">
            <!-- <div class="s-top"> -->
            <a href="#" class="left-img"></a>
            <div class="center-search">
                <i class="iconfont icon-fangdajing"></i>
                <!-- <div class="search-txt1"> -->

                <input type="text" id="" class="search-txt" placeholder="买到赚到">
                <!-- </div> -->

                <input type="button" class="search-text2" value="搜索">
            </div>
            <div class="right-shoppingcar">
                <i class="iconfont icon-B3"></i>
                <span>购物车</span>
                <span class="carcount">0</span>
            </div>

            <!-- </div> -->
        </div>
    </div>
    <div class="s-bottom1">
        <div class="s-bottom ">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">居家生活</a></li>
                <li><a href="#">服饰鞋包</a></li>
                <li><a href="#">酒水美食</a></li>
                <li><a href="#">个护清洁</a></li>
                <li><a href="#">母婴亲子</a></li>
                <li><a href="#">运动旅行</a></li>
                <li><a href="#">数码家电</a></li>
                <li><a href="#">严选全球</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">为你严选</a></li>
                <li><a href="#">众筹</a></li>
            </ul>
        </div>
    </div>

    <!-- 中间图片 -->
    <div class="slider">
        <img src="img/slider.png" alt="">
        <div>
            <div class="left-btn"><i class="iconfont icon-jiantou-copy"></i></div>
            <div class="right-btn"><i class="iconfont icon-jiantou"></i></div>
            <ul></ul>
        </div>
    </div>
    <!-- 新品首发 -->
    <div>
        <div class="new-pro">
            <div class="p-head">
                <div class="p-1">
                    <a href="#">
                        <h2>新品首发</h2>
                    </a>
                </div>
                <p class="p-2"><a href="#">为你寻觅世间好物</a></p>
                <div class="p-3">
                    <a href="#">更多新品></a>
                </div>
            </div>
            <div class="p-content">
                <div class="left-btn1"><i class="iconfont icon-jiantou-copy"></i></div>
                <div class="right-btn1">
                    <i class="iconfont icon-jiantou"></i>
                </div>
                <ul>
                    <li>
                        <img src="img/pro1.png" alt="" class="pron-none">
                        <img src="img/pro2.png" alt="" class="pron-hover">
                        <div>
                            <p><a href="#">清新英国梨香</a></p>
                            <p><a href="#">强力去污酵素洗衣液3kg/1kg</a></p>
                            <p><a href="#">¥49.9</a></p>
                        </div>
                    </li>
                    <li>
                        <img src="img/pro1.png" alt="" class="pron-none">
                        <img src="img/pro2.png" alt="" class="pron-hover">
                        <div>
                            <p><a href="#">清新英国梨香</a></p>
                            <p><a href="#">强力去污酵素洗衣液3kg/1kg</a></p>
                            <p><a href="#">¥49.9</a></p>
                        </div>
                    </li>
                    <li>
                        <img src="img/pro1.png" alt="" class="pron-none">
                        <img src="img/pro2.png" alt="" class="pron-hover">
                        <div>
                            <p><a href="#">清新英国梨香</a></p>
                            <p><a href="#">强力去污酵素洗衣液3kg/1kg</a></p>
                            <p><a href="#">¥49.9</a></p>
                        </div>
                    </li>
                    <li>
                        <img src="img/pro1.png" alt="" class="pron-none">
                        <img src="img/pro2.png" alt="" class="pron-hover">
                        <div>
                            <p><a href="#">清新英国梨香</a></p>
                            <p><a href="#">强力去污酵素洗衣液3kg/1kg</a></p>
                            <p><a href="#">¥49.9</a></p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>